<template>
    <div class="exportDialog">
        <el-dialog title="导出数量" v-model="dialogVisble" :close-on-press-escape="false" :close-on-click-modal="false"
            :show-close="false" width="500px">
            <el-input></el-input>
            <el-button size="small" type="primary" @click="submitForm()">确定导出</el-button>
        </el-dialog>
    </div>
</template>
<script lang="ts" setup>
import { ref, watch } from 'vue'
const props = defineProps(['visibl', 'visible'])
const dialogVisble = ref(false)
const emit = defineEmits(['update:visible', 'update:visibl'])
const numl = [1, 2, 3, 4, 5]
const submitForm = () => {
    // emit('update:visible', false)
    dialogVisble.value = false

}
watch(() => dialogVisble.value, (val) => {
    emit('update:visible', val)
    emit('update:visibl', val)
})
watch(() => props.visible, (val) => {
    dialogVisble.value = val
})
watch(() => props.visibl, (val) => {
    dialogVisble.value = val
})
</script>
<style scoped></style>